<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="IE=9">
	<title>INSTALLATION</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="Philipp Panka">
	
	<!-- styles -->
	<link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css'>
	<link href="<?= base_url() ?>css/bootstrap.min.css" rel="stylesheet">
	<link href="<?= base_url() ?>css/global.css" rel="stylesheet">
	<!-- scripts -->
	<script src="<?= base_url() ?>js/jquery-1.10.1.min.js"></script>
	<script src="<?= base_url() ?>js/bootstrap.min.js"></script>
	<script type="text/javascript">
		//set base_url for javascript
		var base_url = "<?= base_url() ?>";
	</script>
	<script src="<?= base_url() ?>js/global.js"></script>
</head>
<body>
	<div class="container">
		<div class="page-header">
		  <h1>Installation <small>des Klassenbuch Online</small></h1>
		</div>
		<div id="message-container" class="span12" style="margin-left:0px;">
				<?php
					$message = getMessage($this);
					if($message){
						echo '
						<div id="error-message" class="alert alert-' . $message['type'] . '">
							<button type="button" class="close" onclick="$(this).parent().hide(\'slow\', function(){ $(this).remove(); });">&times;</button>
							<span class="message">' . $message['message'] . '</span>
						</div>';
					}
				?>
			</div>
		<div class="span3" style="margin:0px;">
			<?= $menu ?>
		</div>
		<div class="span9">
			<?= $content ?>
		</div>
	</div>
</body>
</html>